<template>
  <a-row class="list-row" :gutter="24">
    <a-col
      v-for="item in list"
      :key="item.id"
      class="list-col"
      :xs="6"
      :sm="6"
      :md="6"
      :lg="6"
      :xl="6"
      :xxl="6"
    >
      <!-- <a-card :bordered="false" hoverable> -->
      <a-result :status="null" :title="item.label" @click="goUrl(item.url)">
        <template #icon>
          <component :is="item.icon" :size="28" />
        </template>
      </a-result>
      <!-- </a-card> -->
    </a-col>
  </a-row>
</template>
<script setup lang="ts">
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute();
const list = Object.freeze([
  { id: 1, label: "待处理", icon: "icon-subscribe", url: "/ReleaseApproval" },
  { id: 2, label: "已处理", icon: "icon-subscribed", url: "/ReleaseApproval" },
  { id: 3, label: "已发起", icon: "icon-send", url: "/ReleaseApproval" },
  { id: 4, label: "我收到的", icon: "icon-import", url: "/ReleaseApproval" },
]);
const goUrl = (path: string) => {
  router.push({ path });
};
</script>
<style lang="less" scoped>
.list-row {
  //   background: #eee;
}
</style>
